<template>
    <div>
        <p v-show="isshow">我是模态框</p>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const isshow = ref(false);
const count = ref(100)
const open = () => {
    isshow.value = true
}

// 在子组件中将子组件中的方法抛出去, 这样父组件才能通过ref 访问该改子组件上的属性或方法
defineExpose({
    open,
    count
})



</script>
<style scoped></style>